*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul li{
	list-style:none;
}
a{
	text-decoration: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.container-fluid{
	padding: 0;
	margin: 0;
}
.container{
	/* width: 1200px; */
	margin: 0 auto;
	padding: 0;
}
.head-xs{
	padding: 20px 0;
	position: fixed;
	background: #03152E;
	z-index: 999;
}
.head-xs{
	display: none;
}
.head-xs{
	padding: 20px 0;
	position: fixed;
	background: #03152E;
	z-index: 999;
	/* position: relative; */
}
.xs-head-img img{
	
	margin-left: 80px;
	width: 50%;
	
}
#toggle{
	display: none;
}
.test{
	margin-top: 10px;
	margin-left: 15px;
}
.test span{
	margin-top: 2px;
	width: 20px;
	height: 2px;
	background: #F4CA59;
	display: block;
}
#toggle:checked~.xs-catalog{
	left:0;
}
.xs-catalog{
	width: 300px;
	height: 665px;
	left: -700px;
	position: absolute;
	background: #03152E;
	transition: all 0.5s linear;
}
.xs-catalog ul{
	margin-top: 20px;
	margin-left: 20px;
}
.xs-catalog li{
	margin: 10px 0;
}
.xs-catalog li a{
	color: #F4CA59;
	text-decoration: none;
}
/* .visible-xs span{
	width: 10px;
	height: 2px;
	background: #ffffff;
} */
.header-nav{
	width: 100%;
	position: fixed;
	z-index: 999;
	background: rgba(122,122,122,.5);
}
.header-wrop{
	/* background: rgba(0,0,0,.5); */
}
.header{
	padding: 10px 0;
	margin: 0 auto;
	/* position: fixed; */
	/* background: rgba(0,0,0,.5); */
}
.header-img{
	padding: 0;
}
.head-title ul{
	margin-top: 20px;
	margin-left: 50px;
}
.head-title li{
	text-align: center;
	width: 70px;
	float: left;
}
.head-title a{
	color: #ffffff;
	text-decoration: none;
}
.head-title-right{
	margin-top: 20px;
}
.head-title-right span{
	color: #FFFFFF;
	margin-left: 20px;
}
.icon-1{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size:cover;
	background: url(../img/2.webp)no-repeat center;
	display: inline-block;
}
.head-img{
	padding-top: 50px;
	background-size: cover;
	background: url(../img/3.webp)no-repeat center;
	padding-bottom: 30px;
}
.head-img p{
	margin-top: 50px;
	padding: 0;
	font-size: 50px;
	font-weight: 600;
	color: #FFFFFF;
}
.line{
	width: 100%;
	padding: 0;
	margin: 50px 0;
}
.line-left{
	width: 8%;
	height: 5px;
	background: #F4CA59;
}
.line-right{
	margin-top: 2px;
	width: 92%;
	height: 1px;
	background: #E8E8EB;
}
.head-img span{
	color: #FFFFFF;
	font-size: 20px;
}
.head-title-a a{
	color: #F4CA59;
}
.menu{
	padding: 0;
}
.menu-left{
	padding: 0;
	padding-top: 150px;
}
.menu-left li:nth-child(1) {
    font-size: 36px;
    font-weight: 600;
    color: #F4CA59;
}
.menu-left li:nth-child(1) span {
	color: #000000;
	font-size: 36px;
}
.menu-left li:nth-child(2) {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
}
.menu-left li:nth-child(3) {
    font-size: 18px;
    margin-top: 30px;
    color: #A5A7B2;
}
.menu-left span {
    font-size: 14px;
	line-height: 25px;
    margin-top: 30px;
    color: #A5A7B2;
}
.menu-left-img-1{
	padding: 0;
	margin-top: 30px;
}
.menu-img-right{
	margin-left: 10px;
}

.menu-img-right li:nth-child(1){
	color: #000000;
	font-size: 18px;
	font-weight: 500;
}
.menu-img-right li:nth-child(2){
	color: #9193A0;
	font-size: 16px;
	font-weight: 500;
}


.lc-head{
	margin: 0 auto;
	margin-top: 100px;
	text-align: center;
}
.lc-head li:nth-child(1){
	font-size: 38px;
	font-weight: 600;
	color: #F4CA59;
}
.lc-head li:nth-child(1) span{
	color: #000000;
}
.lc-head li:nth-child(2){
	margin-top: 20px;
	font-size: 18px;
	color: #9193A0;
}
.lc-head li:nth-child(3){
	font-size: 18px;
	color: #9193A0;
}

.lc-title{
	padding-bottom: 80px;
}

.lc-title li:nth-child(1){
	font-size: 50px;
	font-weight: 600;
	color: #F4CA59;
}
.lc-title li:nth-child(2){
	font-size: 18px;
	margin: 20px 0;
}
.lc-title li:nth-child(3){
	color: #9193A0;
}

.lc-img{
	padding: 30px 0;
	background: url(../img/18.webp)no-repeat center;
	background-size: cover;
}
.lc-img-title-rs{
	padding: 0;
	text-align: center;
}
.lc-img-title-rs li:nth-child(1){
	font-size: 50px;
	color: #F4CA59;
}
.lc-img-title-rs li:nth-child(2){
	font-size: 18px;
	margin-top: 20px;
	color: #FFFFFF;
}
.lc-title-number{
	color: #9193A0!important;
}
.bottom{
	padding-top: 70px;
	padding-bottom: 70px;
	background: #03152E;
}
.bottom-left ul{
	margin-right: 125px;
}
.bottom-left li:nth-child(1){
	color: #FFFFFF;
	margin-top: 20px;
	font-size: 16px;
}
.bottom-left li:nth-child(2){
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 20px;
}
.bottom-right li{
	margin: 10px 0;
	color: #FFFFFF;
	font-size: 16px;
}
.bottom-right li:nth-child(1){
	color: #F4CA59;
	font-size: 24px;
}
.icon-b1{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat 0px -160px ;

	display: inline-block;
}
.icon-b2{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -32px -160px ;

	display: inline-block;
}
.icon-b3{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -128px -160px ;

	display: inline-block;
}
.icon-b4{
	width: 32px;
	height: 32px;
	background: url(../img/b1.png)no-repeat -192px -160px ;

	display: inline-block;
}
.bottom-right ul:nth-child(2) li{
	float: left;
	margin: 0 5px;
}
@media (max-width:375px) {
	.head-title{
		width: 100%;
		padding: 0 20px;
	}
	.line{
		width: 100%;
	}
	.title{
		width: 100%;
	}
	.menu{
		width: 100%;
		padding: 0px 20px;
	}
	.menu-right{
		width: 100%;
		padding: 0;
	}
	.menu-right img{
		width: 100%;
	}
	

	.bottom{
		width: 100%;
	}
	.bottom-title{
		width: 100%;
	}
	.bottom-right{
		display: none;
	}
	/* .container{
		width: 100%;
	} */
	.summary-title{
		margin: 0;
		padding: 0 10px;
	}
	.lc{
		width: 100%;	
	}
	.lc-img{
		width: 100%;
	}
	.lc-img-title{
		width: 100%;
	}
	.dt{
		width: 100%;
	}
}
@media (max-width: 375px){
	.header{
		display: none;
	}
	.head-xs{
		display: block;
	}
	
}
/* @media (max-width:375px) {
	.lc-img{
		width: 100%;
	}
	.lc-img-title{
		width: 100%;
	}
	.dt{
		width: 100%;
	}
} */
/* @media (max-width:375px) {
	.bottom{
		width: 100%;
	}
	.bottom-title{
		width: 100%;
	}
	.bottom-right{
		display: none;
	}
	.container{
		width: 100%;
	}
}
@media (max-width:375px) {
	.container{
		width: 100%;
	}
	.line{
		width: 100%;
	}
	.container-fluid{
		width: 100%;
	}
}
@media (max-width:375px) {
	.summary-title{
		margin: 0;
		padding: 0 10px;
	}
	.lc{
		width: 100%;
		
	}
} */